.searchContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: $space-l;
    margin-top: 18px;

    &-dropdown {
        max-width: 300px;
        width: 100%;
        &:hover {
            box-shadow: 0px 4px 10px 0px rgba($color: #000000, $alpha: 0.25);
        }
    }

    &-searchinput {
        width: 100%;
    }

    @media screen and (max-width: 768px) {
        &-input-container {
            height: 44px;
            input {
                padding: 10px 0 10px 8px;
            }
        }

        &-multidropdown-options {
            top: calc(44px + $space-xxs);
        }

        &-multidropdown-option {
            margin: $space-xs $space-xs;
        }
    }

    @media screen and (max-width: 544px) {
        &-multidropdown-option {
            margin: $space-xxs $space-xs;
        }
    }

    &-search {
        display: flex;
        gap: 20px;
        width: 100%;
        max-height: 52px;

        @media screen and (max-width: 768px) {
            button {
                height: 44px;
                min-height: inherit;
                padding: $space-xxs $space-xs;
            }
        }
    }
}
